.pop{
    margin: 16px 50px;
    &-realname{
        font-size: 11px;
        font-weight: 100;
        color: #666;
    }
    .callPop{
        position: relative;
        background-color: #a3bef4;
        max-width: 200rpx;
        border-radius: 5px;
        padding: 8px;
        word-break: break-all;
        font-size: 12px;
        color: #333;
        display: inline-block;
        &-arrow-left{
            position: absolute;
            top: 5px;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 16px solid #e8e8e8;
            border-left: 16px solid transparent;
            left: -25px;
        }
        &-arrow-right{
            position: absolute;
            top: 5px;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent;
            border-right: 16px solid transparent;
            border-left: 16px solid #a3bef4;
            right: -25px;
        }
        &-avatar-img{
            width: 36px;
            height: 36px;
            border-radius: 36px;
        }
        &-avatar-left{
            position: absolute;
            left: -50px;
            top: 0;
            background-color: #4186f1;
            border-radius: 36px;
            width: 36px;
            height: 36px;

        }
        &-avatar-right{
            position: absolute;
            right: -50px;
            top: 0;
            background-color: #4186f1;
            border-radius: 36px;
            width: 36px;
            height: 36px;
        }
    }
}